<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>UsersInfo</title>
    <!--新bootstrap4核心css文件-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!--bootstrap.bundle.min.js用于弹窗、提示、下拉菜单，包含了popper.min.js-->
    <script src="http://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <!--最新的bootstrap4核心JavaScript文件-->
    <script src="http://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
  <div id="modifyUser">
      <form name="modifyUser">
          <div class="from-group">
              <label for="id">ID:</label>
              <input type="text" class="from-control" name="id" id="id" th:value="${user.getId()}"disabled>
          </div>

          <div class="from-group">
              <label for="name">name：</label>
              <input type="text" class="from-control" name="name" id="name" th:value="${user.getName()}">
          </div>

          <div class="from-group">
              <label for="pwd">Password：</label>
              <input type="text" class="from-control" name="pwd" id="pwd" th:value="${user.getPassword()}">
          </div>

          <div class="from-check">
              <label for="role">role：</label>
              <select class="from-control" name="role" id="role" th:value="${user.getRole()}">
          <option th:selected="${user.getRole()=='admin'}"value="admin">admin</option>
          <option th:selected="${user.getRole()=='user'}"value="user">user</option>
      </select>
  </div>
      </form>
      <button id="modify">ModifyUser</button>
  </div>
</body>
</html>